.ifcation_details{
  display: flex;
  height: 100%;
  overflow-x: hidden;
  .left_nav{
    width: 160px;
    background: #e5f0ea;
    .left_nav_item{
      height: 100px;
      line-height: 100px;
      font-size: 26px;
      text-align: center;
    }
  }
  .right_details{
     flex: 1;
    .right_details_top{
      display: flex;
      justify-content: space-around;
      text-align: center;
      height: 100px;
      line-height: 100px;
      font-size: 26px;
      border-bottom: 2px solid #f7f7f7;
      .details_top_tag{
        flex: 1;
      }
    }
    .details_if_tag{
      display: flex;

      margin: 20px;
      width: calc(100vw - 200px);
      height: 80px;
      .details_if_tag_item{
        flex-shrink: 0;
        padding: 10px 20px;
        height: 60px;
        line-height: 40px;
        margin-left: 20px;
        text-align: center;
        font-size: 24px;
        color: #48b25a;
        border-radius: 10px;
        background: #e8f3eb;
      }
    }
    .details_if_list{
      margin-left: 20px;
      width: calc(100% - 20px);
      height: calc(100% - 230px);
      .details_if_items{
        margin-top: 20px;
        display: flex;
        width: calc(100vw - 200px);
        padding: 10px 20px;
        background: #fff;
        border-radius: 10px;
        .item_fl{
          Image {
            margin-right: 20px;
            width: 200px;
            height: 100%;
            border-radius: 10px;
          }
        }
        .item_fr{
          flex: 1;
          .item_fr_tit{
            width: 300px;
            display: block;
            font-size: 32px;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
          }
          .item_fr_con{
            margin-top: 10px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            height: 70px;
            line-height: 34px;
            overflow: hidden;
            color: #b7b7b7;
          }
          .item_fr_tag{
            Text {
              display: inline-block;
              padding: 6px 20px;
              font-size: 18px;
              color: #fff;
              border-radius: 20px;
              background: #f2983a;
            }
          }
          .item_fr_boo{
            position: relative;
            display: flex;
            height: 60px;
            line-height: 60px;
            .new_price{
              margin-right: 10px;
              color: #f1902a;
              font-size: 28px;
              font-weight: 700;
              letter-spacing: 0;
            }
            .old_price{
              color: #999;
              letter-spacing: 0;
              text-decoration:line-through;
            }
            .comm_de_fr{
              position: relative;
              left: 26px;
              flex: 1;
              display: flex;
              justify-content: space-around;
              height: 100%;
              .add_comm_btn,
              .reduce_comm_btn{
                position: absolute;
                top: 16px;
                right: 0;
                width: 40px;
                height: 40px;
                font-size: 36px;
                line-height: 38px;
                text-align: center;
                color: #fff;
                border-radius: 50%;
                background: #4aaf5d;
              }
              .reduce_comm_btn{
                left: 0;
                background: #fff;
                color: #4aaf5d;
                border: 1px solid #4aaf5d;
              }
              .move_tag{
                transform: translate(0) rotate(-360deg);
                transition: all .3s ;

              }
              .no_move_tag{
                transform: translate(98px) rotate(360deg);
                transition: all .3s ;
              }
            }

            //&::before{
            //  position: absolute;
            //  top: 16px;
            //  right: 0;
            //  content: '+';
            //  width: 40px;
            //  height: 40px;
            //  font-size: 36px;
            //  line-height: 38px;
            //  text-align: center;
            //  color: #fff;
            //  border-radius: 50%;
            //  background: #4aaf5d;
            //}
          }
        }
      }
    }
  }
}
